<template>
    <el-table :data="[props.list]" style="width: 100%" size="large"  border :fit="true" row-class-name="row_name"  :header-cell-style="{
            textAlign: 'center',
            height: '42px',
			background: '#e9f2fa',
        }">
        <el-table-column fixed prop="pay_sum_money" label="成交金额" align="center"/>
        <el-table-column prop="vip_pay_money" label="VIP订单收入"  align="center"/>
        <el-table-column prop="vip_style_1_pay_money" label="VIP-套餐一" align="center"/>
        <el-table-column prop="vip_style_2_pay_money" label="VIP-套餐二"  align="center"/>
        <el-table-column prop="vip_style_3_pay_money" label="VIP-套餐三" align="center"/>
        <el-table-column prop="pay_money" label="普通订单收入" align="center"/>
        <el-table-column prop="unpay_money" label="退款金额" align="center"/>
        <el-table-column prop="bonus_sum" label="奖金池" align="center"/>
    </el-table>
</template>
  
<script lang="ts" setup>
import {defineProps} from "vue"
const props = defineProps(["list"])

</script>
<style lang="scss" scoped>
:deep(.cell){
    color:#5e6d82 ;
    font-size: 13px;
}
:deep(thead){
    .cell{
        color:#1f2f3d ;
        font-size: 14px;
        font-weight: 650;
    }
}
:deep(.row_name){
   height: 42px !important;
}
:deep(.el-table__cell){
    padding: 0;
}
</style>
  